<ui:composition 
xmlns="http://www.w3.org/1999/xhtml"
xmlns:h="http://java.sun.com/jsf/html"
xmlns:f="http://java.sun.com/jsf/core"
xmlns:ui="http://java.sun.com/jsf/facelets"
xmlns:p="http://primefaces.org/ui" >


    <p:dataTable id="listaProductos" value="#{ajusteIngresoBean.ai.itemProducto}" var="item"
                 emptyMessage="#{msgs.movimientoNoItems}" rows="10" paginator="true" paginatorAlwaysVisible="false" >

        <f:facet name="header">
            <h:outputText value="#{msgs.itemsDocumento}" styleClass="headerTable" />
        </f:facet>

        <p:column headerText="#{msgs.codigo}" style="width: 50px;">
            <h:outputText value="#{item.producto.codigo}" rendered="#{not empty item.producto}"/>
            <h:outputText value="#{buscadorProductoBean.producto.codigo}" rendered="#{empty item.producto}"  />
        </p:column>

        <p:column headerText="#{msgs.descripcion}" style="width: 400px;">
            
            <h:outputText value="#{item.producto.descripcion}" rendered="#{not empty item.producto}"  />
            <h:outputText value="#{buscadorProductoBean.producto.descripcion}" rendered="#{empty item.producto}"  />
            <h:outputText value=" " />
            <p:commandButton icon="find16" oncomplete="dlg_producto.show()" rendered="#{empty item.producto}" />
            
        </p:column>
        
        <p:column headerText="#{msgs.pcc_UM}" style="width: 15px;">
            <h:outputText value="#{item.producto.unidadMedida.codigo}" rendered="#{not empty item.producto}" />
            <h:outputText value="#{buscadorProductoBean.producto.unidadMedida.codigo}" rendered="#{empty item.producto}"  />
        </p:column>

        <p:column headerText="#{msgs.serie_lote}" style="width: 30px;">
            <p:inputText value="#{item.serie}" size="10"/>
        </p:column>

        <p:column headerText="#{msgs.pcc_cantidad}" style="width: 20px;">
            <p:spinner value="#{item.cantidad}" size="6" >
                <f:ajax event="keyup" render="listaProductos" />
            </p:spinner>
        </p:column>

        <p:column headerText="#{msgs.accion}" style="width: 20px;">
            <p:commandButton rendered="#{item.id == -1}"
                             actionListener="#{ajusteIngresoBean.agregarItem(item)}" icon="add16"
                             update="@form"  />
            <p:commandButton immediate="true" rendered="#{empty item.id}"
                             actionListener="#{ajusteIngresoBean.eliminarItem(item)}" icon="delete16"
                             update="@form"  />
        </p:column>

    </p:dataTable>

</ui:composition>